<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
     <form method="get">
        <!-- 
            fieldset和legend了解即可
        -->
        <fieldset>
            <legend>用户数据</legend>
             <!-- 
                label标签:
                    方式1:直接使用label套住整个表单元素及文本信息
                -->
                <label>用户名：<input type="text" id="username" autocomplete="on"  name="username"  placeholder="please input"> </label><br>
                <!-- 
                    方式2:使用label标签套住文本，使用for属性指向具体控件id
                -->
                <label for="pwd">密码：</label><input id="pwd" type="password" name="pwd" value=""/> <br>
                <button type="submit">提交按钮</button>

        </fieldset>
       
        
     </form>
</body>
</html>